<h1><?php text( 'Welcome to SocioRating!' ) ?></h1>
<?php 
if(is_null(App::$Current->User)) 
{
?>
<table cellpadding="10" cellspacing="10" style="width: 100%">
	<tr>
		<td style="width: 50%; margin-right: 20px">
			<form id="form_login" method="post" action="/login" class="inline-form">
				<h2><?php text( 'Login' ) ?></h2>
				<input name="formname" type="hidden" value="login">
				<div class="textinput">
					<span class="small-title"><?php text( 'User' ) ?></span>
					<span class=""><input type="text" name="user" value=""></span>
					<div style="clear: both"></div>
				</div>
				<div class="textinput">
					<span class="small-title"><?php text( 'Password' ) ?></span>
					<span class=""><input type="password" name="password" value=""></span>
					<div style="clear: both"></div>
				</div>
				<input type="submit" value="<?php text( 'Login' ) ?>">
				<br />
				<br />
				<br />
				<div id="fb-root"></div> 
		      	<script src="http://connect.facebook.net/en_US/all.js"></script>
		      	<script>
				FB.init({ 
					appId:'245319065513404', cookie:true, 
					status:true, xfbml:true  
				});
				FB.Event.subscribe('auth.login', function(response) {
					alert(response.authResponse.userID);
				});
		      	</script>
		      	<div style="text-align: right;">
					<a class="fb_button fb_button_medium" href="https://www.facebook.com/dialog/oauth?client_id=245319065513404&redirect_uri=http://sociorating.com/facebook">
						<span class="fb_button_text">Login with Facebook</span>
					</a>
		      	</div>
				<br />
			</form>
		</td>
		<td style="width: 50%; margin-left: 20px">
			<form id="form_signup" method="post" action="/signup" class="inline-form">
				<h2><?php text( 'Signup' ) ?></h2>
				<input name="formname" type="hidden" value="signup">
				<div class="textinput">
					<span class="small-title"><?php text( 'Loginname' ) ?></span>
					<span class=""><input type="text" name="user" value=""></span>
					<div style="clear: both"></div>
				</div>
				<div class="textinput">
					<span class="small-title"><?php text( 'Full name' ) ?></span>
					<span class=""><input type="text" name="fullname" value=""></span>
					<div style="clear: both"></div>
				</div>
				<div class="textinput">
					<span class="small-title"><?php text( 'Email address' ) ?></span>
					<span class=""><input type="text" name="email" value=""></span>
					<div style="clear: both"></div>
				</div>
				<div class="textinput">
					<span class="small-title"><?php text( 'Password' ) ?></span>
					<span class=""><input type="password" name="password" value=""></span>
					<div style="clear: both"></div>
				</div>
				<div class="textinput">
					<span class="small-title"><?php text( 'Password(re)' ) ?></span>
					<span class=""><input type="password" name="password_re" value=""></span>
					<div style="clear: both"></div>
				</div>
				<input type="submit" value="<?php text( 'Signup' ) ?>"> 
			</form>
		</td>
	</tr>
</table>
<?php 
}
?>
<h2><?php text( 'What is SocioRating?' ) ?></h2>
<p><?php text( 'SocioRating is a tool to help you gain insight in the opinion that others hold of you in a constructive way.' ) ?></p>
<p><?php text( 'If you choose to participate other people will be able to give you a rating based on their perception of your personality. This will help you get a picture of your own strengths and weaknesses.' ) ?></p>
<p><?php text( 'You will be able to give ratings to other people as well. Seven personality traits are rated, and you can add an extra comment.' ) ?></p>
<p><?php text( 'In order to participate we ask you to create an account by filling in your name and email address in the signup form. You will be able to access the site immediately, but we need your email address in case you lose your password and to confirm you are a real person.' ) ?></p>
<p><?php text( 'We will only use your email to inform you about SocioRating.' ) ?></p>